<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>{$title}</title>
    <link rel="stylesheet" href="__PUBLIC__/Static/css/app.v2.css"/>
    <script src="__PUBLIC__/Static/js/jquery-1.11.3.min.js"></script>
    <style>
        html{ background: #fff;}
        .timeline:before{ left: 0;}
        .timeline-item{ display: inline-block;}
        .timeline .time-icon{ width: 20px; height: 20px;}
        .timeline .timeline-icon{ left: -37px;}
        .arrow.left:after{ border-right-color: rgb(188, 232, 241);}
        .panel-body{ padding: 10px 10px 2px 10px;}
        .timeline-caption p{ margin-top: 5px;}
        .thumb-md{ width: 70px;}
    </style>

</head>
<body class="bg-white">
<section class="panel-default">
    <header class="panel-heading bg-info lt no-border">
        <div class="clearfix">
            <a href="#" class="pull-left thumb-md avatar b-3x m-r">
                <img src="{$logoImg}"> </a>
            <div class="clear">
                <div class="h4 m-b-sm m-t-xs text-white"> 天晨定制 </div>
                <h5 class="text-white m-t-xs m-b-xs">订单编号：{$order.order_number}</h5>
                <h5 class="text-white">订单状态：
                <if condition="$order.status eq 1">
                    生产中<elseif condition="$order.status eq 2"/>已完成<elseif condition="$order.status eq 0"/>待审核
                </if>
                </h5>
            </div>
        </div>
    </header>
</section>

<section class="vbox">

    <if condition="$_list neq null">
        <section class="scrollable wrapper">
            <div class="timeline">
                <volist name="_list" id="vo" key="k">
                    <article class="timeline-item">
                        <div class="timeline-caption">
                            <div class="panel panel-info m-t-none">
                                <div class="panel-body">
                                    <span class="arrow left"></span>
                            <span class="timeline-icon">
                                <i class="time-icon bg-info"></i>
                            </span>
                                    <if condition="$k eq 1">
                                        <div class="h5 text-primary">{$vo.content}</div>
                                        <p class="text-primary">{$vo.t_time|date='Y-m-d H:i:s',###}</p>
                                        <else/>
                                        <div class="h5 ">{$vo.content}</div>
                                        <p>{$vo.t_time|date='Y-m-d H:i:s',###}</p>
                                    </if>
                                </div>
                            </div>
                        </div>
                    </article>
                </volist>
            </div>
        </section>
        <else/>
        <section class="scrollable wrapper">
            <div class="panel panel-info">
                <div class="panel-body">
                    <h5>
                        <i class="fa fa-exclamation text-warning">&nbsp;&nbsp;</i>暂无订单信息，请耐心等待...
                    </h5>
                </div>
            </div>
        </section>
    </if>


</section>
<script src="__PUBLIC__/Static/js/app.v2.js"></script>
</body>
</html>
<script>
    $(function(){
        var imgW=$('.thumb-md img').width();
        $('.thumb-md img').css('height',imgW);
    })
</script>
